<template>
    <div class = "navigationthree">
        <div class="block">
    <el-carousel trigger="click" :autoplay="false">
      <el-carousel-item v-for="(item,index) in from" :key="index">
          <img @click = "Img(item,index)" :src="item.src" alt="">
      </el-carousel-item>
    </el-carousel>
  </div>
    </div>
</template>
<script>
export default {
    data(){
        return{
            from:[
                {
                    src: require('../../assets/icon/lbone.jpg')
                },
                {
                    src: require('../../assets/icon/lbtwo.jpg')
                },
            ]
        }
    },
    methods:{
        Img(item,index){
        }
    }
}
</script>
<style scoped>
.navigationthree{
    width:100%;
    height: 100%;
}
.navigationthree .block{
    width:700px;
    margin:0 auto;
    overflow: hidden;
}
.navigationthree .block .el-carousel{
    overflow: hidden;
}
  .navigationthree .block img{
        width: 100%;
        height: 100%;
  }
</style>